<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:f="http://java.sun.com/jsf/core">
<ui:composition template="/templates/layout.xhtml">
    <ui:include src="cadastro.xhtml" />
    
    <h2><h:outputText value="#{appMessages['cidades.titulo']}" /></h2>

    <h:form id="formCidades">
        <p:toolbar id="tbUsuarios" rendered="#{restrictions.cadastro}">
            <p:toolbarGroup>
                <p:commandButton
                	id="cadastrar"
                    value="#{appMessages['cidades.cadastrar']}"
                    action="#{cidadeBean.cadastrarCidade()}"
                    oncomplete="modalCadastro.show();"
                    update=":formCidade" />
            </p:toolbarGroup>
        </p:toolbar>
        
        <p:confirmDialog
            header="#{appMessages['cidades.remover.titulo']}"
            message="#{appMessages['cidades.remover.mensagem']}"
            widgetVar="confirmacaoRemover">
            <p:commandButton
            	id="sim"
                value="#{messages['resposta.sim']}"
                action="#{cidadeBean.removerCidade()}"
                update="msgCidades dtCidades"
                oncomplete="confirmacaoRemover.hide();"/>
            <p:commandButton id="nao" value="#{messages['resposta.nao']}" onclick="confirmacaoRemover.hide();" />
        </p:confirmDialog>
        
        <p:messages id="msgCidades" />
    
        <p:dataTable
            value="#{cidadeBean.cidades}"
            var="cidade"
            id="dtCidades"
            paginator="true"
            paginatorAlwaysVisible="false"
            rows="10">
        
            <!-- Nome -->
            <p:column headerText="#{appMessages['cidades.cidade']}">
                <h:outputText value="#{cidade.nome}" />
            </p:column>
            
            <!-- Estado -->
            <p:column headerText="#{appMessages['cidades.estado']}">
                <h:outputText value="#{cidade.estado.nome}" />
            </p:column>
            
            <p:column rendered="#{restrictions.cadastro}">
                <p:commandButton
                    icon="ui-icon-pencil"
                    title="#{appMessages['cidades.alterar']}"
                    action="#{cidadeBean.carregarCidade()}"
                    oncomplete="modalCadastro.show();"
                    update=":formCidade" />
                <p:commandButton
                    icon="ui-icon-close"
                    title="#{appMessages['cidades.remover']}"
                    action="#{cidadeBean.carregarCidade()}"
                    oncomplete="confirmacaoRemover.show();" />
            </p:column>
        </p:dataTable>
    </h:form>
</ui:composition>
</html>